.side-scroll {
    width: 75px;
    height: 100vh;
    background: #011529;
    overflow: auto
}

.side-scroll::-webkit-scrollbar {
    width: 5px
}

.side-scroll::-webkit-scrollbar-track {
    border-radius: 10px
}

.side-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgb(255 255 255 / 81%);
    -webkit-box-shadow: rgb(255 255 255 / 81%)
}

.side-scroll::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 0, 0, 0.4)
}

.sidebar {
    height: 100vh !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important
}

.side-navbar-header {
    width: 100%;
    text-align: center;
    line-height: 75px
}

.side-logo-mini img {
    width: 45px
}

.side-nav-link {
    width: 100%;
    text-align: center;
    display: block;
    padding: 10px 0;
    color: #fff !important
}

.side-nav-link p {
    margin: 0 !important;
    font-size: 12px
}

.nav-pills {
    display: flex;
    flex-direction: row !important
}

.sub-menu {
    width: calc(100% - 75px);
    height: 100vh;
    overflow: auto
}

.sub-item {
}

.nav-item > .sub-active {
    background: rgb(230 247 255)
}

.nav-item > .sub-active > p {
    color: rgb(35 149 255)
}

.sidebar-light-primary .nav-item > .nav-link.active {
    background: rgb(230 247 255) !important;
    color: rgb(35 149 255) !important;
    font-weight: initial !important
}

.sub-menu-item h4 {
    font-size: 16px;
    padding: 15px;
    margin: 0 !important
}

.main-sidebar .nav .nav-item .nav-link {
    padding: 14px !important
}

.main-sidebar .nav-treeview.nav .nav-item .nav-link {
    padding: 14px !important
}

.main-sidebar .nav-treeview.nav .nav-item .nav-link:hover {
    background: rgb(230 247 255) !important
}

.sub-nav-link {
    padding: 15px !important;
    margin: 0 !important;
    display: block;
    width: 100%
}

.side-nav-active {
    background: #2090ff
}

.sub-nav-link p {
    display: inline-block;
    width: 100%;
    position: relative
}

.sub-nav-link p .right {
    position: absolute;
    right: 1rem;
    top: 4px
}

.sub-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px
}

.sub-link p {
    font-size: 14px
}

.sidebar-mini .nav-sidebar, .sidebar-mini .nav-sidebar .nav-link {
    overflow: initial !important;
    margin: 0 !important
}

.nav-sidebar .menu-open > .nav-link > i {
    transform: rotate(-90deg)
}

.nav-sidebar .nav-item > .nav-link > i {
    transition: transform .1s ease-in-out
}

.nav {
    padding: 0 !important;
    margin: 0 !important
}

.navbar-header {
    display: none
}

.btn {
    border-width: 0
}

.sub-menu-item > .nav-item > a:hover {
    background: rgb(230 247 255) !important;
    color: rgb(35 149 255) !important;
    font-weight: initial !important
}
